<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>首页</title>
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="./css/TopFooterReset.css">
  <link rel="stylesheet" href="./css/index.css">
</head>

<body>
  <!-- 1.顶部区域 -->
  <div class="oy-top">
    <!-- 版心 -->
    <div class="l-wrapper clearfix">
      <!-- 最顶部左侧 -->
      <div class="oy-top_left">
        <a href="./login.html" class="_txt-bold">登录</a>
        <a href="./register.html" class="_txt-bold" style="color: #ff8000">注册</a>
      </div>
      <!-- 最顶部右侧 -->
      <div class="oy-top_right">
        <a href="#">签到送积分</a>
        <em></em>
        <a href="#">我的订单</a>
        <em></em>
        <a href="#">消息</a>
        <div class="oy-top_dbox">
          <h2>
            <a href="#">会员中心</a>
            <i></i> <!-- 这里是小图标 -->
          </h2>
        </div>
        <div class="oy-top_dbox">
          <h2>
            <i></i> <!-- 这里是小图标 -->
            <a href="#">联系客服</a>
            <i></i> <!-- 这里是小图标 -->
          </h2>
        </div>
        <em></em>
        <a href="#">English</a>
        <em></em>
        <a href="#">品牌入驻</a>
        <em></em>
        <a href="#">加入收藏</a>
        <div class="oy-top_dbox">
          <h2>
            <i></i> <!-- 这里是小图标 -->
            <a href="#">手机唯样</a>
          </h2>
        </div>
      </div>
    </div>
  </div>
  <!-- 2.header区域 -->
  <div class="oy-headerPos" id="header_pos">
    <div class="oy-header is-unlogin is-fixed" id="header">
      <!-- 版心 -->
      <div class="l-wrapper">
        <!-- 左侧log -->
        <a href="#" title="商城" class="oy-logo"></a>
        <!-- 中间搜索表达 -->
        <form class="oy-srh">
          <div class="oy-srh_form">
            <input type="text" class="oy-srh_inp" placeholder="请输入型号、参数，搜索全站库存数据">
            <button class="oy-srh_sub">
              <i>🍤</i> <!-- 小图标 -->
            </button>
          </div>
          <div class="oy-srh_hot">
            <ul>
              <li>
                <a href="#">TE手工工具</a>
                <a href="#"> Nexperia安世</a>
                <a href="#">Infineon英飞凌</a>
                <a href="#">最新活动</a>
                <a href="#"> 高校计划</a>
                <a href="#"> 开发板</a>
              </li>
            </ul>
          </div>
        </form>
        <!-- 右侧我的购物车 -->
        <div class="oy-cart" id="c-cart-preview">
          <a href="#">
            <i>🚋</i><!-- 购物车小图标 -->
            <em>我的购物车</em>
          </a>
        </div>
      </div>
    </div>
  </div>
  <!-- 3.nav区域 -->
  <div class="oy-nav">
    <!-- 版心 -->
    <div class="l-wrapper clearfix">
      <ul class="oy-nav_list">
        <li><a href="/">首页</a></li>
        <li><a href="./list.html">商品目录</a></li>
        <li><a href="./Brandzone.html">品牌专区</a></li>
        <li><a href="./BOM.html">BOM配单</a></li>
        <li><a href="./fangan.html">解决方案</a></li>
        <li><a href="./agent.html">授权代理
            <span class="agency-icon custom-icon"></span>
          </a></li>

        <li><a href="#"></a></li><!-- 慢99包邮 -->
      </ul>
      <!-- <a href="#"></a>  慢99包邮:方法2 直接写行内样式-->
    </div>
  </div>
  <!-- 4.home主体区域 -->
  <div class="home">
    <!-- 版心 -->
    <div class="l-wrapper">
      <!-- 4-1focus集中区域 -->
      <div class="focus">
        <!-- 左侧 -->
        <div class="categorys">
          <ul class="categorys_list clearfix ">
            <li>
              <a href="#">
                <i>🏢</i> <!-- 后期加小图标 -->
                <span>
                  电阻
                </span>
              </a>
            </li>
            <li>
              <a href="#">
                <i>🏢</i> <!-- 后期加小图标 -->
                <span>
                  电容
                </span>
              </a>
            </li>
            <li>
              <a href="#">
                <i>🏢</i> <!-- 后期加小图标 -->
                <span>
                  电感/变压器
                </span>
              </a>
            </li>
            <li>
              <a href="#">
                <i>🏢</i> <!-- 后期加小图标 -->
                <span>
                  滤波器
                </span>
              </a>
            </li>
            <li>
              <a href="#">
                <i>🏢</i> <!-- 后期加小图标 -->
                <span>
                  二极管
                </span>
              </a>
            </li>
            <li>
              <a href="#">
                <i>🏢</i> <!-- 后期加小图标 -->
                <span>
                  晶体管
                </span>
              </a>
            </li>
            <li>
              <a href="#">
                <i>🏢</i> <!-- 后期加小图标 -->
                <span>
                  集成电路
                </span>
              </a>
            </li>
            <li>
              <a href="">
                <i>🏢</i> <!-- 后期加小图标 -->
                <span>
                  处理器
                </span>
              </a>
            </li>
            <li>
              <a href="#">
                <i>🏢</i> <!-- 后期加小图标 -->
                <span>
                  晶振
                </span>
              </a>
            </li>
            <li>
              <a href="#">
                <i>🏢</i> <!-- 后期加小图标 -->
                <span>
                  连接器
                </span>
              </a>
            </li>
            <li>
              <a href="#">
                <i>🏢</i> <!-- 后期加小图标 -->
                <span>
                  电路保护
                </span>
              </a>
            </li>
            <li>
              <a href="">
                <i>🏢</i> <!-- 后期加小图标 -->
                <span>
                  传感器
                </span>
              </a>
            </li>
            <li>
              <a href="#">
                <i>🏢</i> <!-- 后期加小图标 -->
                <span>
                  光电子产品
                </span>
              </a>
            </li>
            <li>
              <a href="#">
                <i>🏢</i> <!-- 后期加小图标 -->
                <span>
                  开关/继电器/接触器
                </span>
              </a>
            </li>
            <li>
              <a href="#">
                <i>🏢</i> <!-- 后期加小图标 -->
                <span>
                  开发板/套件
                </span>
              </a>
            </li>
            <li>
              <a href="#">
                <i>🏢</i> <!-- 后期加小图标 -->
                <span>
                  电源
                </span>
              </a>
            </li>
            <li>
              <a href="#">
                <i>🏢</i> <!-- 后期加小图标 -->
                <span>
                  无线射频
                </span>
              </a>
            </li>
            <li>
              <a href="#">
                <i>🏢</i> <!-- 后期加小图标 -->
                <span>
                  模块
                </span>
              </a>
            </li>
            <li>
              <a href="#">
                <i>🏢</i> <!-- 后期加小图标 -->
                <span>
                  机电产品
                </span>
              </a>
            </li>
            <li>
              <a href="#">
                <i>🏢</i> <!-- 后期加小图标 -->
                <span>
                  工具/仪器/线材/五金
                </span>
              </a>
            </li>
          </ul>
          <div class="categorys_more">
            <a href="#"><span>查看全部分类</span></a>
          </div>
        </div>
        <!-- 中间 -->
        <div class="focus_center">
          <div class="slider">
            <!--点 -->
            <ul class="slider_page" id="slider_page">
            </ul>
            <!-- 图 -->
            <div class="slider_content" id="slider">
              <ul class="slider_list">
                <li class="sliderItm js-sildeItm"
                  style="background-image: url(./img/banner1.jpg); position: absolute; display: block;">

                </li>
                <li class="sliderItm js-sildeItm"
                  style="background-image: url(./img/banner2.png); position: absolute; display: none;">

                </li>
                <li class="sliderItm js-sildeItm"
                  style="background-image: url(./img/banner3.jpg); position: absolute; display: none;">
                </li>
              </ul>
            </div>

          </div>

          <!-- promo宣传部分 -->
          <div class="promo">
            <ul>
              <li>
                <a href="#" class="is-1" title="国巨专区"></a>
              </li>
              <li>
                <a href="#" class="is-2" title="TE工具专区"></a>
              </li>
              <li>
                <a href="#" class="is-3" title="英飞凌专区"></a>
              </li>
            </ul>
          </div>
        </div>
        <!-- 右侧 -->
        <div class="focus_right">
          <div class="topNews">
            <h2>
              <span>新闻动态</span>
              <a href="#">更多></a>
            </h2>
            <ul>
              <li>
                <a title="唯样商城2022中秋放假通知" class="_txt-warning" href="#">
                  <i class="">🔊</i>唯样商城2022中秋放假通知
                </a>
              </li>
              <li>
                <a title="再获授权代理，唯样商城与友台半导体达成战略合作！管理方案低功耗及带载能力验证">
                  再获授权代理，唯样商城与友台半导体达成战略合作！管理方案低功耗及带载能力验证
                </a>
              </li>
              <li>
                <a title="【完整版】唯样元器件商城最全品牌产品线" href="#">
                  【完整版】唯样元器件商城最全品牌产品线
                </a>
              </li>
              <li>
                <a title="ROHM | 汽车智能化加速落地，罗姆为安全筑起高墙" href="#">
                  ROHM | 汽车智能化加速落地，罗姆为安全筑起高墙
                </a>
              </li>
              <li>
                <a title="干货 | 为什么PCB说弯就弯了?" href="#">
                  干货 | 为什么PCB说弯就弯了?
                </a>
              </li>
              <li>
                <a title="威世 | 额定电流达 155A,直流内阻降低 50%，汽车级 IHSR 高温电感器上新" href="#">
                  威世 | 额定电流达 155A,直流内阻降低 50%，汽车级 IHSR 高温电感器上新
                </a>
              </li>
            </ul>
          </div>
          <div class="conve clearfix">
            <a href="#" class="Points-mall">
              <i></i>
              <span>积分商城</span>
            </a>
            <a href="#" class="Brand-resources">
              <i></i>
              <span>品牌资源</span>
            </a>
            <a href="#" class="Brand-occupancy">
              <i></i>
              <span>品牌入驻</span>
            </a>
            <a href="#" class="Winding-Center">
              <i></i>
              <span>领券中心</span>
            </a>
          </div>
        </div>
      </div>
      <!-- 4-2 auth授权部分 -->
      <div class="AUTH">
        <div class="AUTH_wraper">
          <div class="AUTH_container">
            <ul class="AUTH_list">
              <li>
                <a href="#" class="AUTH_itm">
                  <div class="AUTH_itmImg" style="background-image:url('./img/inx-ag-show-tdk.jpg')"></div>
                  <div class="AUTH_itmLogo">
                    <img src="./img/tdk-logo.png" alt="">
                    <span>授权代理</span>
                  </div>
                </a>
              </li>
              <li>
                <a href="#" class="AUTH_itm">
                  <div class="AUTH_itmImg" style="background-image:url(./img/inx-ag-show-yageo.jpg) ;"></div>
                  <div class="AUTH_itmLogo">
                    <img src="./img/yageo-logo.png" alt="">
                    <span>授权代理</span>
                  </div>
                </a>
              </li>
              <li>
                <a href="#" class="AUTH_itm">
                  <div class="AUTH_itmImg" style="background-image: url(./img/inx-ag-show-kemet.jpg);"></div>
                  <div class="AUTH_itmLogo">
                    <img src="./img/kemet-logo.png" alt="">
                    <span>授权代理</span>
                  </div>
                </a>
              </li>
              <li>
                <a href="#" class="AUTH_itm">
                  <div class="AUTH_itmImg" style="background-image: url(./img/inx-ag-show-rohm.jpg);"></div>
                  <div class="AUTH_itmLogo">
                    <img src="./img/rohm-logo.png" alt="">
                    <span>授权代理</span>
                  </div>
                </a>
              </li>
              <li>
                <a href="#" class="AUTH_itm">
                  <div class="AUTH_itmImg" style="background-image: url(./img/inx-ag-show-yageo.jpg);"></div>
                  <div class="AUTH_itmLogo">
                    <img src="./img/yageo-logo.png" alt="">
                    <span>授权代理</span>
                  </div>
                </a>
              </li>
              <li>
                <a href="#" class="AUTH_itm">
                  <div class="AUTH_itmImg" style="background-image: url(./img/inx-ag-show-yageo.jpg);"></div>
                  <div class="AUTH_itmLogo">
                    <img src="./img/yageo-logo.png" alt="">
                    <span>授权代理</span>
                  </div>
                </a>
              </li>
              <li>
                <a href="#" class="AUTH_itm">
                  <div class="AUTH_itmImg" style="background-image: url(./img/inx-ag-show-yageo.jpg);"></div>
                  <div class="AUTH_itmLogo">
                    <img src="./img/yageo-logo.png" alt="">
                    <span>授权代理</span>
                  </div>
                </a>
              </li>
            </ul>
          </div>
        </div>
        <div class="AUTH_prev">上</div> <!-- 按钮 -->
        <div class="AUTH_next">下</div>
      </div>
      <!-- 4-3 section部分-推荐商品 -->
      <div class="section">
        <h1>
          <span><a href="#">推荐商品</a></span>
          <a href="#">产看更多>></a>
        </h1>
        <ul class="hotCatg-block">
          <li class="one">
            <a href="#">
              <span><i></i></span> <!-- 左上角小图标 -->
              <div class="pic">
                <img src="./img/te_pic.png" alt="手工/插拔工具">
              </div>
              <p>
                手工/插拔工具
                <i class="super-icon icon1"></i><!-- 小图标 -->
              </p>
              <span class="progress"></span>
            </a>
          </li>
          <li>
            <a href="#">
              <span><i></i></span> <!-- 左上角小图标 -->
              <div class="pic">
                <img src="./img/instrument_pic.png" alt="电池测厚仪">
              </div>
              <p>
                测试/测量
                <i class="super-icon icon2"></i><!-- 小图标 -->
              </p>
              <span class="progress"></span>
            </a>
          </li>
          <li>
            <a href="#">
              <span><i></i></span> <!-- 左上角小图标 -->
              <div class="pic">
                <img src="./img/fingerprint_pic.png" alt="指纹识别器">
              </div>
              <p>
                指纹识别器
                <i class="super-icon icon3"></i><!-- 小图标 -->
              </p>
              <span class="progress"></span>
            </a>
          </li>
          <li>
            <a href="#">
              <span><i></i></span> <!-- 左上角小图标 -->
              <div class="pic">
                <img src="./img/single_piece_pic.png" alt="单片机（MCU）">
              </div>
              <p>
                单片机（MCU）
                <i class="super-icon icon4"></i><!-- 小图标 -->
              </p>
              <span class="progress"></span>
            </a>
          </li>
          <li>
            <a href="#">
              <span><i></i></span> <!-- 左上角小图标 -->
              <div class="pic">
                <img src="./img/sensor_pic.png" alt="传感器">
              </div>
              <p>
                传感器
                <i class="super-icon icon5"></i><!-- 小图标 -->
              </p>
              <span class="progress"></span>
            </a>
          </li>
        </ul>
      </div>
      <!-- 4-4 新品咨询 -->
      <div class="section">
        <h1>
          <span><a href="#">新品资讯</a></span>
          <a href="#">换算工具></a>
        </h1>
        <div class="clearfix">
          <div class="newPro">
            <div class="newPro_wraper">
              <div class="newPro_container">
                <div class="newPro_listWrp">
                  <ul class="newPro_list">
                    <li>
                      <div class="newPro_itm">
                        <div class="newPro_itmImg">
                          <img src="./img/xinpin01.jpg" alt="UMW(友台) TL431三端可调稳压器">
                        </div>
                        <h2 title="UMW(友台) TL431三端可调稳压器">UMW(友台) TL431三端可调稳压器</h2>
                        <p>三端可调稳压器系列，可设置为 Vref 和 36 伏之间的任何值</p>
                      </div>
                    </li>
                    <li>
                      <div class="newPro_itm">
                        <div class="newPro_itmImg">
                          <img src="./img/xinpin02.png" alt="BUxxJA3DG-C 系列 车规 LDO稳压器">
                        </div>
                        <h2 title="UMW(友台) TL431三端可调稳压器">UMW(友台) TL431三端可调稳压器</h2>
                        <p>三端可调稳压器系列，可设置为 Vref 和 36 伏之间的任何值</p>
                      </div>
                      <!-- </li>
                    <li>
                      <div class="newPro_itm">
                        <div class="newPro_itmImg">
                          <img src="./img/xinpin02.png" alt="BUxxJA3DG-C 系列 车规 LDO稳压器">
                        </div>
                        <h2 title="UMW(友台) TL431三端可调稳压器">UMW(友台) TL431三端可调稳压器</h2>
                        <p>三端可调稳压器系列，可设置为 Vref 和 36 伏之间的任何值</p>
                      </div>
                    </li> -->
                  </ul>
                </div>
              </div>
            </div>
            <div class="newPro_prev">上</div>
            <div class="newPro_next">下</div>
          </div>
          <div class="solution">
            <ul class="solution_layout">
              <li>
                <div class="solution_panel ">
                  <h1>功能应用</h1>
                  <a href="#" class="solution_img">
                    <img src="./img/xinpin-gongneng01.jpg" alt="">
                  </a>
                  <p><a href=" #">DC/DC电压转换器</a></p>
                </div>
              </li>
              <li>
                <div class="solution_panel ">
                  <h1>产品方案</h1>
                  <a href="#" class="solution_img">
                    <img src="./img/xinpin-gongneng02.jpg" alt="">
                  </a>
                  <p><a href="#">loT物联网</a></p>
                </div>
              </li>
            </ul>
          </div>
        </div>

      </div>
      <!-- 4-5 更多资讯 -->
      <div class="section-box">
        <div class="section">
          <h1>
            <span><a href="#">唯样资讯</a></span>
            <a href="#"> 查看更多></a>
          </h1>
          <div class="tech">
            <div class="tech_left">
              <ul class="tech_list">
                <li>
                  <a class="_txt-ellipsis" href="#" target="_blank">【官方活动】&nbsp; 唯样商城2022中秋放假通知</a>
                  <span>2022/09/09</span>
                </li>
                <li>
                  <a class="_txt-ellipsis" href="#" target="_blank">【新闻热点】&nbsp; 扫地机器人如何感知周边环境？</a>
                  <span>2022/09/09</span>
                </li>
                <li>
                  <a class="_txt-ellipsis" href="#" target="_blank">【新品技术】&nbsp; ROHM |
                    面向高端ADAS开发出业界超稳定运行的DC-DC转换器IC“BD9S402MUF-C”</a>
                  <span>2022/09/09</span>
                </li>
                <li>
                  <a class="_txt-ellipsis" href="#" target="_blank">【方案运用】&nbsp; 工业自动化应用篇④：TDK在工业机器人领域提供哪些可靠元件？</a>
                  <span>2022/09/09</span>
                </li>
                <li>
                  <a class="_txt-ellipsis" href="#" target="_blank">【电路图纸】&nbsp; 由RF2104构成的830MHz中功率放大器原理电路</a>
                  <span>2022/09/09</span>
                </li>
                <li>
                  <a class="_txt-ellipsis" href="#" target="_blank">【电路图纸】&nbsp; 电子耦合振荡器电路</a>
                  <span>2022/09/12</span>
                </li>
                <li>
                  <a class="_txt-ellipsis" href="#" target="_blank">【电路图纸】&nbsp; 低噪声8GHz小信号放大器电路</a>
                  <span>2022/09/12</span>
                </li>
              </ul>
            </div>
          </div>
        </div>
        <div class="section">
          <h1>
            <span><a href="#">原厂动态</a></span>
            <a href="#"> 查看更多></a>
          </h1>
          <div class="tech">
            <div class="tech_left">
              <ul class="tech_list">
                <li>
                  <a class="_txt-ellipsis" href="#"> ROHM | 汽车智能化加速落地，罗姆为安全筑起高墙</a>
                  <span>2022/09/09</span>
                </li>
                <li>
                  <a class="_txt-ellipsis" href="#"> 威世 | 额定电流达 155A，直流内阻降低 50%，汽车级
                    IHSR 高温电感器上新</a>
                  <span>2022/09/08</span>
                </li>
                <li>
                  <a class="_txt-ellipsis" href="#"> ROHM |
                    面向高端ADAS开发出业界超稳定运行的DC-DC转换器IC“BD9S402MUF-C”</a>
                  <span>2022/09/08</span>
                </li>
                <li>
                  <a class="_txt-ellipsis" href="#"> TDK | 扫地机器人如何感知周边环境？</a>
                  <span>2022/09/08</span>
                </li>
                <li>
                  <a class="_txt-ellipsis" href="#"> 村田 | 空间传导及其应对措施</a>
                  <span>2022/09/08</span>
                </li>
                <li>
                  <a class="_txt-ellipsis" href="#"> YXC | 智能健身镜中的晶振应用</a>
                  <span>2022/09/02</span>
                </li>
                <li>
                  <a class="_txt-ellipsis" href="#"> 村田 | 将支持Wi₋Fi™
                    4/5和蓝牙®5.2的小型无线模块实现商品化</a>
                  <span>2022/09/01</span>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- 5.footer 页尾 -->
  <div class="footer">
    <!-- 5-1标语部分 -->
    <div class="slogan m-wrap">
      <ul class="slogan_list clearfix">
        <li style="text-align:left; padding-left: 40px;">
          <div class="slogan_itm">
            <b>优</b>
            <span>原厂授权 正品保障</span>
          </div>
        </li>
        <li style="text-align: center;padding-right: 20px;">
          <div class="slogan_itm">
            <b>快</b>
            <span>自营现货 极速发货</span>
          </div>
        </li>
        <li style="text-align: center;padding-left: 20px;">
          <div class="slogan_itm">
            <b>全</b>
            <span>品类齐全 一站采购</span>
          </div>
        </li>
        <li class="text-align: right;padding-right: 40px;">
          <div class="slogan_itm">
            <b>省</b>
            <span>原厂授权 正品保障</span>
          </div>
        </li>
      </ul>

    </div>
    <!-- 5-2 -->
    <div class="footer_wrap m-wrap">
      <ul class="footer_nav clearfix">
        <ul>
          <li>
            <h4>关于唯样</h4>
          </li>
          <li><a href="#">关于我们</a></li>
          <li><a href="#">荣誉风采</a></li>
          <li><a href="#">授权代理</a></li>
          <li><a href="#">联系我们</a></li>
        </ul>
        <ul>
          <li>
            <h4>关于唯样</h4>
          </li>
          <li><a href="#">关于我们</a></li>
          <li><a href="#">荣誉风采</a></li>
          <li><a href="#">授权代理</a></li>
          <li><a href="#">联系我们</a></li>
        </ul>
        <ul>
          <li>
            <h4>关于唯样</h4>
          </li>
          <li><a href="#">关于我们</a></li>
          <li><a href="#">荣誉风采</a></li>
          <li><a href="#">授权代理</a></li>
          <li><a href="#">联系我们</a></li>
        </ul>
        <ul>
          <li>
            <h4>关于唯样</h4>
          </li>
          <li><a href="#">关于我们</a></li>
          <li><a href="#">荣誉风采</a></li>
          <li><a href="#">授权代理</a></li>
          <li><a href="#">联系我们</a></li>
        </ul>
        <ul>
          <li>
            <h4>关于唯样</h4>
          </li>
          <li><a href="#">关于我们</a></li>
          <li><a href="#">荣誉风采</a></li>
          <li><a href="#">授权代理</a></li>
          <li><a href="#">联系我们</a></li>
        </ul>
      </ul>
      <div class="footer_contact">
        <i class="icon-service">🔎</i> <!-- 小图标 -->
        <h2>400-870-9968</h2>
        <p>服务时间:8:30-17:30</p>
        <a href="#" class="footer_kfBtn">
          <i>🧧</i> <!-- 小图标 -->
          <span>在线销售</span>
        </a>
        <p style="margin-top: 5px;">推广部:18850165747</p>
      </div>
      <div class="footer_att" style="width: 95px;">
        <img src="./img/footer-att-07.jpg" alt="">
        <p>关注唯样公众号</p>
        <p>Q群：<a href="#">967043793</a></p>
      </div>
    </div>
    <!-- 5-3 -->
    <div class="footer_wrap2">
      <div class="m-wrap">
        <div class="footer-lnk">
          <ul class="tab-head clearfix">
            <li class="tab-inx is-active">
              <a href="#">友情链接</a>
            </li>
            <li class="tab-inx">
              <a href="#">展会合作</a>
            </li>
          </ul>
          <div class="tab-con">
            <div class="footer-lnk__con clearfix ">
              <a href="#">唯样社区</a>
              <a href="#">信和达</a>
              <a href="#">开步睿思</a>
              <a href="#">维库电子市场网</a>
              <a href="#">与非网&nbsp;</a>
              <a href="#">电路城</a>
              <a href="#">摩尔吧&nbsp;</a>
              <a href="#">bom2buy</a>
              <a href="#">正能量电子网</a>
              <a href="#">储能网 </a>
              <a href="#">芯片丝印反查网</a>
              <a href="#">采芯网</a>
              <a href="#">一牛网论坛</a>
              <a href="#">深铭易购</a>
              <a href="#">电子之家</a>
              <a href="#">易容网</a>
              <a href="#">PCB打样</a>
              <a href="#">锂电池</a>
              <a href="#">电子连接器</a>
              <a href="#">datasheet5</a>
              <a href="#">村田代理商</a>
              <a href="#" style="color: #0b75be;">更多&gt;</a>
            </div>

          </div>
        </div>
        <div class="footer-lnk">
          <span class="footer-lnk__cap">
            <a href="#"> 字母索引：</a>
          </span>
          <div class="footer-lnk__con clearfix">
            <a href="#">A</a>
            <a href="#">B</a>
            <a href="#">C</a>
            <a href="#">D</a>
            <a href="#">E</a>
            <a href="#">F</a>
            <a href="#">G</a>
            <a href="#">H</a>
            <a href="#">I</a>
            <a href="#">J</a>
            <a href="#">K</a>
            <a href="#">L</a>
            <a href="#">M</a>
            <a href="#">N</a>
            <a href="#">O</a>
            <a href="#">P</a>
            <a href="#">Q</a>
            <a href="#">R</a>
            <a href="#">S</a>
            <a href="#">T</a>
            <a href="#">U</a>
            <a href="#">V</a>
            <a href="#">W</a>
            <a href="#">X</a>
            <a href="#">Y</a>
            <a href="#">Z</a>
            <a href="#">0</a>
            <a href="#">1</a>
            <a href="#">2</a>
            <a href="#">3</a>
            <a href="#">4</a>
            <a href="#">5</a>
            <a href="#">6</a>
            <a href="#">7</a>
            <a href="#">8</a>
            <a href="#">9</a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!--  6 备案信息-->
  <div class="af-footer">
    <div class="m-wrap">
      <div class="footer-btm">
        <a href="#">新手上路</a>
        <em>|</em>
        <a href="#">免责声明</a>
        <em>|</em>
        <a href="#">销售条款</a>
        <em>|</em>
        <a href="#">联系我们</a>
        <em>|</em>
        <a href="#">唯样资讯</a>
        <br>
        <span class="footer-cpr">Copyright © 2022 厦门唯样科技有限公司&nbsp;&nbsp;<a href="#"> <img
              src="https://uploadcdn.oneyac.com/spec_file/update/govIcon.png" width="20" height="20">闽公网安备
            35021102001214号</a>&nbsp;&nbsp;<a href="#">闽ICP备17005748号-1</a>&nbsp;&nbsp;增值电信业务经营许可证：闽B2-20200838</span>
      </div>
      <div class="footer-logo">
        <a>
          <img src="./img/footer-logo-zfb.png">
        </a>
        <a>
          <img src="./img/footer-logo-wx-.png">
        </a>
        <a>
          <img src="./img/footer-logo-yl.png" alt="">
        </a>
        <a>
          <img src="./img/footer-logo-sfyz.png">
        </a>
        <a>
          <img src="./img/footer-logo-rz.png">
        </a>
        <a href="#">
          <img src="./img/footer-logo-gpca.png">
        </a>
        <a href="#">
          <img src="./img/footer-logo-szdzsh.png">
        </a>
        <a href="#">
          <img src="./img/footer-logo-xmkjfwhy.png">
        </a>
      </div>
    </div>
  </div>


  <link rel="stylesheet" href="./css/flex-right.css">
  <!-- 固定定位右侧 -->
  <div class="toolbox is-unfolded" id="toolBox">
    <div class="toolbox-fold js-showIcn">
      <span class="toolbox_showIcn"></span>
      在<br>线<br>销<br>售
      <a href="javascript:void(0);" class="c-gotop is-show" title="回到顶部" rel="nofollow"></a>
    </div>
    <div class="toolbox-unfold">
      <span class="js-hideIcn toolbox_hideIcn"></span>
      <a class="toolbox-qq" id="nav_tool_kf_href"
        href="https://admin.qidian.qq.com/template/blue/mp/menu/qr-code-jump.html?linkType=0&amp;env=ol&amp;kfuin=2852158233&amp;fid=42&amp;key=a76485706eae738a2fcefceb025599e4&amp;cate=1&amp;type=16&amp;ftype=1&amp;_type=wpa&amp;qidian=true"
        target="_blank" rel="nofollow">
        <div class="toolbox-qq_img"></div>
        <p>在线销售</p>
      </a>
      <div class="toolbox-funs">
        <a href="/cart.html" class="toolbox-funsItm" rel="nofollow">
          <span id="c-catchPnt" common_cart_num="">0</span>
          <i class="iconfont icon-cart_simple"></i>
          <p>购物车</p>
        </a>
        <a href="/account/index.html" class="toolbox-funsItm" rel="nofollow">
          <em c-unlogin-tip="" class="c-tipPnt"></em>
          <i class="iconfont icon-user-ln"></i>
          <p>会员中心</p>
        </a>
        <a href="javascript:void(0);" class="js-showClt toolbox-funsItm" rel="nofollow">
          <i class="iconfont icon-collect"></i>
          <p>我的收藏</p>
        </a>
        <a href="javascript:void(0);" class="js-showZuji toolbox-funsItm" rel="nofollow">
          <i class="iconfont icon-history"></i>
          <p>浏览历史</p>
        </a>
        <a href="/feedback/suggestion.html" class="toolbox-funsItm" rel="nofollow">
          <i class="iconfont icon-edit-ln"></i>
          <p>意见反馈</p>
        </a>
        <a href="javascript:;" class="is-award toolbox-funsItm" rel="nofollow">
          <i class="iconfont icon-weixin1" style="color:#00c800"></i>
          <p>活动咨询</p>
          <div class="wechat-pic">
            <img src="https://uploadcdn.oneyac.com/attachments/page/index/oneyac101.png?v=2022">
            <p style="padding-top:5px;">扫码添加微信咨询活动</p><br>
            <img src="https://uploadcdn.oneyac.com/attachments/page/index/company_wechat.jpg">
            <p>华南区扫码进群有福利！</p>
          </div>
        </a>
      </div>
      <a href="javascript:void(0);" class="c-gotop is-show" title="回到顶部" rel="nofollow"></a>
    </div>
  </div>









  <script src="./js/jquery-3.6.0.js"></script>
  <script src="./js/index.js"></script>
  <script src="./js/common.js"></script>
</body>

</html>